<!DOCTYPE html>
<html>
<head lang="zh-cn">
<link href="$!{__beat.server.contextPath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width"/>
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no;">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <title>全站UV实时数据</title>

        <style type="text/css">
            body {
              min-width: 960px;
              min-height: 540px;
              height: 100%;
              background-color: #202020;
              color: #999999;
              font-family: '方正兰亭纤黑_GBK','微软雅黑',Arial;
              line-height: 1.2rem;
              /*  */
            }
            .content-title {
              font-size: 1.5rem;
              margin: 1.5rem 0 0rem;
              position: relative;
              color: #999999;
            }
            .chart-frame {
                height: 30.8rem;
            }    
            .col-md-left{
              width: 50%;
              float: left;
              position: relative;
              min-height: 1px;
              padding-right: 0px;
              padding-left: 15px;
            }
            .col-md-right{
              width: 50%;
              float: left;
              position: relative;
              min-height: 1px;
              padding-right: 5px;
              padding-left: 10px;
            }        
        </style>
</head>
<body>
<div  class="container-fluid">

    <h3 class="text-center">本日截至目前(<span id="dataRealtime"></span>) 全站UV： <span id="uv_all" style="color: red"></span></h3>

    <div class="row,chart-frame">
        <div class="col-md-left">
            <div id="pc" class="chart-div" style="height:90%"></div>
        </div>
        <div  class="col-md-right">
            <div id="m" class="chart-div" style="height:90%"></div>
        </div>
    </div>

    <div class="row,chart-frame">
        <div class="col-md-left">
            <div id="app" class="chart-div" style="height:90%"></div>
        </div>
        <div  class="col-md-right">
            <div id="all" class="chart-div" style="height:90%"></div>
        </div>
    </div>

</div>


</body>
<script src="$!{__beat.server.contextPath}/bootstrap/jquery.js"></script>
<script src="$!{__beat.server.contextPath}/bootstrap/js/libs/bootstrap.min.js"></script>
<script src="$!{__beat.server.contextPath}/echarts2/dist/echarts.js"></script>
<script type="text/javascript">
    var chartHieght = window.screen.availHeight * 0.43;
    // var chartHieght = window.screen.availHeight * 0.75;
    $(".chart-div").height(chartHieght);
        /* set require */
        require.config({
            paths: {
                echarts: "$!{__beat.server.contextPath}/echarts2/dist",
                dashboard: "$!{__beat.server.contextPath}/tv_track"
            }
        });
        require(['$!{__beat.server.contextPath}/tv_track/js/realtime_netflow-uv_v5'],function(main){
            main.render();
        });
</script>
</html>